ホームページ作成メモ

覚書程度です
記事やトップページ、フリーページに利用

テンプレートを利用する時は自動改行なしにして<BR>タグで改行する。

★★★ここに・・・入れる★★★を削除して貼り付ける。

幅の変え方------<table width="***"⇒<table width="***"　80%を100%に変更すると横の余白がなくなる。

色の変え方------<･･･ color="#******"⇒<･･･ color="#希望の色No"　枠・枠内・模様・文字等
　　　　　　　　
枠を追加したり削除する------説明できないけど区切りのいいところをコピーして貼り付けたり切り取る。　
<table width="80%"・・・の当たりから</td></tr></table>が2回繰り返す所
見本テンプレートHTMLタグの色分け参照

border="0"------外枠の太さ　数字を大きくすると太くなる　
cellspacing="0"------枠の太さ　数字を大きくすると太くなる
cellpadding="5"------枠内の余白の広さ　数字を大きくすると広くなる
色も↑参照

見本のHTMLテンプレートの一つ目の4並びを3並びにする------25%⇒33%にして一つ削除
見本のHTMLテンプレートの一つ目の4並びを5並びにする------25%⇒20%にして一つ追加
見本のHTMLテンプレートの一つ目の4並びを6並びにする------25%⇒16%にして二つ追加（4つは17％にしてもよい）
見本のHTMLテンプレートの一つ目の4並びを10並びにする------25%⇒10%にして六つ追加
後は応用：極端な話、合計100％以内なら10％と20％と30％と40％でもいいわけです。

全体的に変になったら区切りや終わりの</td></tr></table>が足りないか多い、パターンの見間違い
<table>・・・・・</table>で１パターン
<table>と</table>同じ数
<td>と</td>同じ数
<tr>と</tr>同じ数
※横に余白があるのに上部のタイトルと幅が合わない時はそれぞれが同じ数になっているか確認する。

画像を横に並べる------次から次へ貼り付ける

画像の編集はプログラムのアクセサリの中のペイントで縮小＆切り取りが出来る
絵心があればお絵かきもするのですが・・・

画像の横に文字や画像を入れる--------Align="位置"を付け足す　位置はLeft、Center、Right
<img src=＊＊＊＊＊＊"></a>⇒<img src=＊＊＊＊＊＊" Align="位置"></a>入れたい文字
解除改行　<Br clear="位置">

別枠リンクにしたい時はリンクタグに Target="_blank"を付け足す。上と同じ要領　

行間の調節タグは下記の中から使いやすいものを使う
<span style="line-height:任意の数字pt">---文章---</span>
<span style="line-height:任意の数字px">---文章---</span>
<span style="line-height:任意の数字%">---文章---</span>

※記事は自動改行なのでとにかく改行したくない所はずらずらと並べる。
記事の下に空白が出来るのはHTMLタグの途中に不必要な改行があるから削除する。

日記作成画面を利用してLINK・字体・文字サイズ色を作成・変更すると楽チン